<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" pageEncoding="UTF-8" %>
<!doctype html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8"/>
	<title>KnifeBI商业智能系统</title>
	<link rel="stylesheet" href="/resources/themes/default/css/layout.css" type="text/css" media="screen" />
	<!--[if lt IE 9]>
	<link rel="stylesheet" href="/resources/themes/default/css/ie.css" type="text/css" media="screen" />
	<script src="/resources/themes/default/js/html5shiv.js"></script>
	<![endif]-->
	<script type="text/javascript" src="/resources/themes/default/js/jquery-1.9.0.min.js"></script>
	<script type="text/javascript" src="/resources/themes/default/js/hideshow.js"></script>
	<script type="text/javascript" src="/resources/themes/default/js/jquery.tablesorter.min.js"></script>
	<script type="text/javascript" src="/resources/themes/default/js/jquery.equalHeight.js"></script>
	<script type="text/javascript">
	$(document).ready(function() 
    	{ 
      	  $(".tablesorter").tablesorter(); 
   	 } 
	);
	$(document).ready(function() {

	//When page loads...
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content

	//On Click Event
	$("ul.tabs li").click(function() {

		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});

});
    </script>
    <script type="text/javascript">
    $(function(){
        $('.column').equalHeight();
    });

    function get(url){
		$('#main').load(url);
    }
</script>
</head>
<body>
	<header id="header">
		<hgroup>
			<h1 class="site_title"><a href="/user">KnifeBI商业智能系统</a></h1>
			<h2 class="section_title"></h2>
			<div class="btn_view_site"><a href="/">浏览知识库</a></div>
		</hgroup>
	</header> <!-- end of header bar -->
	
	<section id="secondary_bar">
		<div class="user">
			<p>Smith (<a href="/user/msg">3 条新消息</a>)</p>
			<a class="logout_user" href="javascript:if(confirm('您真的要退出吗?')){location.href='/user/logout'}" title="退出">退出</a>
		</div>
		<div class="breadcrumbs_container">
			<article class="breadcrumbs">
				<a class="current" href="index.html">控制台</a> <div class="breadcrumb_divider"></div>
				<a href="/task">提出问题/任务</a> <div class="breadcrumb_divider"></div>
				<a href="/analysis">分析问题/任务</a> <div class="breadcrumb_divider"></div>
				<a href="/crawl">搜集/采集证据</a> <div class="breadcrumb_divider"></div>
				<a href="/model">逻辑/模型匹配</a> <div class="breadcrumb_divider"></div>
				<a href="/result">结果预测</a>
			</article>
		</div>
	</section><!-- end of secondary bar -->
	
	<aside id="sidebar" class="column">
		<form class="quick_search">
			<input type="text" value="快速找到答案" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;">
		</form>
		<hr/>
		<h3>任务管理</h3>
		<ul class="toggle">
			<li class="icn_new_article"><a href="javascript:get('/task/add');">新建任务</a></li>
			<li class="icn_edit_article"><a href="#">编辑任务</a></li>
			<li class="icn_categories"><a href="#">任务分类</a></li>
			<li class="icn_tags"><a href="#">关 键 字</a></li>
		</ul>
		<h3>分 析 器</h3>
		<ul class="toggle">
			<li class="icn_add_user"><a href="#">添加分析器</a></li>
			<li class="icn_view_users"><a href="#">查看分析器</a></li>
			<li class="icn_profile"><a href="#">我的分析器</a></li>
		</ul>
		<h3>资源管理</h3>
		<ul class="toggle">
			<li class="icn_folder"><a href="#">文件系统</a></li>
			<li class="icn_photo"><a href="#">数据仓库</a></li>
			<li class="icn_audio"><a href="#">互 联 网</a></li>
			<li class="icn_video"><a href="#">知 识 库</a></li>
		</ul>
		<h3>逻辑模型</h3>
		<ul class="toggle">
			<li class="icn_settings"><a href="#">选项设置</a></li>
			<li class="icn_security"><a href="#">模型管理</a></li>
		</ul>
		<h3>结果管理</h3>
		<ul class="toggle">
			<li class="icn_settings"><a href="#">结果选项</a></li>
			<li class="icn_security"><a href="#">结果报表</a></li>
		</ul>
	</aside><!-- end of sidebar -->
	
	<section id="main" class="column">
		
		<h4 class="alert_info">欢迎访问KnifeBI商业智能系统控制台.</h4>
		
		<article class="module width_3_quarter">
		<header><h3 class="tabs_involved">运行中的任务</h3>
		<ul class="tabs">
   			<li><a href="#tab1">按时间</a></li>
    		<li><a href="#tab2">按关注</a></li>
		</ul>
		</header>

		<div class="tab_container">
			<div id="tab1" class="tab_content">
			<table class="tablesorter" cellspacing="0"> 
			<thead> 
				<tr> 
   					<th></th> 
    				<th>任务名称</th> 
    				<th>任务类型</th> 
    				<th>创建时间</th> 
    				<th>操作</th> 
				</tr> 
			</thead> 
			<tbody> 
				<tr> 
   					<td><input type="checkbox"></td> 
    				<td>预测公司下个月销售情况</td> 
    				<td>预测</td> 
    				<td>2013-08-22</td> 
    				<td><input type="image" src="/resources/themes/default/images/icn_edit.png" title="Edit"><input type="image" src="/resources/themes/default/images/icn_trash.png" title="Trash"></td> 
				</tr> 
				<tr> 
   					<td><input type="checkbox"></td> 
    				<td>找找有没有更好的BI替代品</td> 
    				<td>发现</td> 
    				<td>2013-08-22</td> 
   				 	<td><input type="image" src="/resources/themes/default/images/icn_edit.png" title="Edit"><input type="image" src="/resources/themes/default/images/icn_trash.png" title="Trash"></td> 
				</tr>
				<tr> 
   					<td><input type="checkbox"></td> 
    				<td>公司现金流出现问题时报警</td> 
    				<td>监控</td> 
    				<td>2013-08-21</td> 
    				<td><input type="image" src="/resources/themes/default/images/icn_edit.png" title="Edit"><input type="image" src="/resources/themes/default/images/icn_trash.png" title="Trash"></td> 
				</tr> 
				<tr> 
   					<td><input type="checkbox"></td> 
    				<td>Dolor Lorem Amet</td> 
    				<td>Articles</td> 
    				<td>16th April 2011</td> 
   				 	<td><input type="image" src="/resources/themes/default/images/icn_edit.png" title="Edit"><input type="image" src="/resources/themes/default/images/icn_trash.png" title="Trash"></td> 
				</tr>
				<tr> 
   					<td><input type="checkbox"></td> 
    				<td>Dolor Lorem Amet</td> 
    				<td>Articles</td> 
    				<td>16th April 2011</td> 
   				 	<td><input type="image" src="/resources/themes/default/images/icn_edit.png" title="Edit"><input type="image" src="/resources/themes/default/images/icn_trash.png" title="Trash"></td> 
				</tr>  
			</tbody> 
			</table>
			</div><!-- end of #tab1 -->
			
			<div id="tab2" class="tab_content">
			<table class="tablesorter" cellspacing="0"> 
			<thead> 
				<tr> 
   					<th></th> 
    				<th>Comment</th> 
    				<th>Posted by</th> 
    				<th>Posted On</th> 
    				<th>Actions</th> 
				</tr> 
			</thead> 
			<tbody> 
				<tr> 
   					<td><input type="checkbox"></td> 
    				<td>Lorem Ipsum Dolor Sit Amet</td> 
    				<td>Mark Corrigan</td> 
    				<td>5th April 2011</td> 
    				<td><input type="image" src="/resources/themes/default/images/icn_edit.png" title="Edit"><input type="image" src="/resources/themes/default/images/icn_trash.png" title="Trash"></td> 
				</tr> 
				<tr> 
   					<td><input type="checkbox"></td> 
    				<td>Ipsum Lorem Dolor Sit Amet</td> 
    				<td>Jeremy Usbourne</td> 
    				<td>6th April 2011</td> 
   				 	<td><input type="image" src="/resources/themes/default/images/icn_edit.png" title="Edit"><input type="image" src="/resources/themes/default/images/icn_trash.png" title="Trash"></td> 
				</tr>
				<tr> 
   					<td><input type="checkbox"></td> 
    				<td>Sit Amet Dolor Ipsum</td> 
    				<td>Super Hans</td> 
    				<td>10th April 2011</td> 
    				<td><input type="image" src="/resources/themes/default/images/icn_edit.png" title="Edit"><input type="image" src="/resources/themes/default/images/icn_trash.png" title="Trash"></td> 
				</tr> 
				<tr> 
   					<td><input type="checkbox"></td> 
    				<td>Dolor Lorem Amet</td> 
    				<td>Alan Johnson</td> 
    				<td>16th April 2011</td> 
   				 	<td><input type="image" src="/resources/themes/default/images/icn_edit.png" title="Edit"><input type="image" src="/resources/themes/default/images/icn_trash.png" title="Trash"></td> 
				</tr> 
				<tr> 
   					<td><input type="checkbox"></td> 
    				<td>Dolor Lorem Amet</td> 
    				<td>Dobby</td> 
    				<td>16th April 2011</td> 
   				 	<td><input type="image" src="/resources/themes/default/images/icn_edit.png" title="Edit"><input type="image" src="/resources/themes/default/images/icn_trash.png" title="Trash"></td> 
				</tr> 
			</tbody> 
			</table>

			</div><!-- end of #tab2 -->
			
		</div><!-- end of .tab_container -->
		
		</article><!-- end of content manager article -->
		
		<article class="module width_quarter">
			<header><h3>系统消息</h3></header>
			<div class="message_list">
				<div class="module_content">
					<div class="message"><p>发现一款BI:KnifeBI.</p>
					<p><strong>来自百度</strong></p></div>
					<div class="message"><p>现金流收入/支出稳定.</p>
					<p><strong>来自数据仓库</strong></p></div>
					<div class="message"><p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
					<p><strong>John Doe</strong></p></div>
					<div class="message"><p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
					<p><strong>John Doe</strong></p></div>
					<div class="message"><p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
					<p><strong>John Doe</strong></p></div>
				</div>
			</div>
			<footer>
				<form class="post_message">
					<input type="text" value="Message" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;">
					<input type="submit" class="btn_post_message" value=""/>
				</form>
			</footer>
		</article><!-- end of messages article -->
		<div class="clear"></div>
		<footer>
			<hr />
			<p><strong>Copyright &copy; 2013 Zfbots.COM</strong></p>
		</footer>
		<div class="spacer"></div>
	</section>

</body>
</html>
